<template>
  <div>
  <el-container class="hello">
    <el-aside width="initial" style="height:100vh;">
      <my-sidebar></my-sidebar>
    </el-aside>
    <el-container>
      <el-header class="header" style="height:130px;">
        <img style="width: 89%;position: absolute;margin-left: -1%;" src="../../assets/header.png"/>
        <my-header></my-header>
      </el-header>
      <el-main>
        <transition name="move" mode="out-in">
          <router-view></router-view>
        </transition>
      </el-main>
    </el-container>
  </el-container>

  </div>
</template>

<script>
import mySidebar from "../common/Sidebar";
import myHeader from "../common/Header";
import myTab from "../common/Tab";
import request from "../../util/request";
import { getToken } from "../../util/auth";

export default {
  name: "Index",
  data() {
    return {
      addDialog3:false,
      addDialog4:false,
      err: [],
      checked:true,
      feeForm:{},
      labelWidth: "100px",
    };
  },
  methods: {

    handleClick() {
      var telNo = "设备出故障待处理！";
      var _this = this;
      _this.example = this.$notify({
      title: "通知消息",
      position: "bottom-right",
      dangerouslyUseHTMLString: true,
      message: `<p>待处理异常：<i>${telNo}</i></p>`,
      duration: 0,
      type: "warning",
      onClick() {
      
        console.log("222222")
        _this.example.close();
        _this.addDialog3 = true;  
        
      }
      });
      },
      cancle3(){
      let _this = this;
      _this.addDialog3 = false;
     
    },
    cancle4(){
      let _this = this;
      _this.addDialog4 = false;
     
    },
    checkValue(){
     
    },
    Channelcheck3(){
      let _this = this;
      _this.addDialog3 = false;
      _this.addDialog4 = true;
     
    },
    
 
    
  },
  mounted: function() {
    this.$nextTick(function() {
      // this.handleClick();
      this.$store.dispatch("loadMenu");
      let _this = this;
      setInterval(function() {
        if (getToken()) {
           console.log("-------------get token------------");
        }
      }, 60000);
    });
  },
  components: {
    mySidebar,
    myHeader,
    myTab
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.el-breadcrumb__inner{
  color:#ffffff;
}

.header {
  background: white;
  box-shadow: 0px 2px 5px #888888;
  /* background:url("../../assets/header.png"); */
}

.hello {
  height: 100%;
  background: #3f97e9;
}

.content {
  height: calc(95%);
}
</style>
